<style>
    .btn-group a{

    }
    .install-type{
        display: none;
    }
    .cjsc-type{
        display: none;
    }
</style>
<div class="panel panel-default panel-intro">

    <div class="panel-heading">
        <div class="panel-lead">
            <em>插件管理</em>
            当插件出现错误无法使用时，请先确认插件是否是最新版本。如插件出现更高版本时，插件市场中的操作一栏会显示升级按钮！
            我们将不断开发更多的插件！
        </div>
    </div>
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                        <div class="btn-group">
                            <a href="javascript:;" class="btn btn-info btn-switch active local-plugin" data-type="local"><i class="fa fa-laptop"></i> 已安装</a>
                            <a href="javascript:;" class="btn btn-info btn-switch all-plugin" data-type="all" data-url="plugin/cjsc"><i class="fa fa-shopping-cart"></i> 插件市场</a>
                        </div>
                        <div class="btn-group install-type" style="margin-left: 20px;">
                            <a href="javascript:;" class="btn btn-default btn-switch active all-btn" data-url="plugin/index/type/all">全部插件</a>
                            <a href="javascript:;" class="btn btn-default btn-switch" data-url="plugin/index/type/pay">支付插件</a>
                            <a href="javascript:;" class="btn btn-default btn-switch" data-url="plugin/index/type/notice">通知提醒</a>
                            <a href="javascript:;" class="btn btn-default btn-switch" data-url="plugin/index/type/template">模板插件</a>
                            <a href="javascript:;" class="btn btn-default btn-switch" data-url="plugin/index/type/style">样式美化</a>
                            <a href="javascript:;" class="btn btn-default btn-switch" data-url="plugin/index/type/other">未分类</a>
                        </div>
                        <div class="btn-group cjsc-type" style="margin-left: 20px;">
                            <a href="javascript:;" class="btn btn-default btn-switch active all-btn" data-url="plugin/cjsc/type/all">全部插件</a>
                            <a href="javascript:;" class="btn btn-default btn-switch" data-url="plugin/cjsc/type/pay">支付插件</a>
                            <a href="javascript:;" class="btn btn-default btn-switch" data-url="plugin/cjsc/type/notice">通知提醒</a>
                            <a href="javascript:;" class="btn btn-default btn-switch" data-url="plugin/cjsc/type/template">模板插件</a>
                            <a href="javascript:;" class="btn btn-default btn-switch" data-url="plugin/cjsc/type/style">样式美化</a>
                            <a href="javascript:;" class="btn btn-default btn-switch" data-url="plugin/cjsc/type/other">未分类</a>
                        </div>
                    </div>
                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                           data-operate-edit="false"
                           data-operate-del="false"
                           width="100%">
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>
<style>
    .qr-code{
        border: 1px solid #ccc;
        border-radius: 3px;
        margin-bottom: 25px;
    }
</style>
<script id="authorize_tpl" type="text/html">
    <div>
        <form class="form-horizontal">
            <fieldset>
<!--                <div class="alert alert-dismissable alert-info">-->
<!--                    您需要输入插件授权码才可以安装这个插件<br>-->
<!--                    授权码会自动绑定当前域名 <br>-->
<!--                    如您还没有该插件的授权码，请<a id="authorize_url" href="" target="_blank">点击链接前往获取</a>-->
<!--                </div>-->

                <span class="text-danger" style="    display: block;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 15px;">请使用支付宝扫码付款</span>
                <div>
                    <div style="text-align: center;">
                        <img src="{:url('qrCode')}?qr_code=<%=qr_code%>" alt="" class="qr-code">
                    </div>
                </div>
                <span class="text-danger" style="    display: block;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 15px;">扫描上方二维码付款后，设置密保然后点击立即绑定。接下来就可以安装插件啦~</span>
                <input type="hidden" id="plugin-auth-id" value="<%=plugin_auth_id%>">
                <div class="form-group">
                    <label for="c-host" class="control-label col-xs-12 col-sm-3">绑定域名</label>
                    <div class="col-xs-12 col-sm-7">
                        <input id="c-host" class="form-control" name="row[host]" type="text" value="<%=host%>">
                    </div>
                </div>
                <div class="form-group">
                    <label for="c-question" class="control-label col-xs-12 col-sm-3">密保问题</label>
                    <div class="col-xs-12 col-sm-7">
                        <select id="c-question" class="form-control selectpicker" name="row[question]">
                            <option value="">请选择密保问题</option>
                            <option value="name">你的名字</option>
                            <option value="father_name">你父亲的名字</option>
                            <option value="mother_name">你母亲的名字</option>
                            <option value="lover_name">你爱人的名字</option>
                            <option value="id">你的身份证号码</option>
                            <option value="mobile">你的手机号码</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label for="c-answer" class="control-label col-xs-12 col-sm-3">密保答案</label>
                    <div class="col-xs-12 col-sm-7">
                        <input id="c-answer" class="form-control" name="row[answer]" type="text" value="" placeholder="更换授权域名时使用">
                    </div>
                </div>

                <!--<div class="form-group">
                    <div class="col-lg-12">
                        <div class="input-group">
                            <span class="input-group-addon"><i class="fa fa-plug fa-fw"></i></span>
                            <input type="text" class="form-control" id="inputAuthorize" placeholder="请输入插件授权码">
                        </div>
                    </div>
                </div>-->
            </fieldset>
        </form>
    </div>
</script>
<script id="question_tpl" type="text/html">
    <div>
        <form class="form-horizontal">
            <fieldset>
                <span class="text-danger" style="    display: block;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 15px;">您需要设置密保后才能安装，密保将在您更换绑定授权时使用。</span>

                <input type="hidden" id="question-plugin-auth-id" value="<%=plugin_auth_id%>">
                <div class="form-group">
                    <label for="c-question-host" class="control-label col-xs-12 col-sm-3">绑定域名</label>
                    <div class="col-xs-12 col-sm-7">
                        <input id="c-question-host" class="form-control" name="row[host]" type="text" value="<%=host%>">
                    </div>
                </div>
                <div class="form-group">
                    <label for="c-question-question" class="control-label col-xs-12 col-sm-3">密保问题</label>
                    <div class="col-xs-12 col-sm-7">
                        <select id="c-question-question" class="form-control selectpicker" name="row[question]">
                            <option value="">请选择密保问题</option>
                            <option value="name">你的名字</option>
                            <option value="father_name">你父亲的名字</option>
                            <option value="mother_name">你母亲的名字</option>
                            <option value="lover_name">你爱人的名字</option>
                            <option value="id">你的身份证号码</option>
                            <option value="mobile">你的手机号码</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label for="c-question-answer" class="control-label col-xs-12 col-sm-3">密保答案</label>
                    <div class="col-xs-12 col-sm-7">
                        <input id="c-question-answer" class="form-control" name="row[answer]" type="text" value="" placeholder="更换授权域名时使用">
                    </div>
                </div>

                <!--<div class="form-group">
                    <div class="col-lg-12">
                        <div class="input-group">
                            <span class="input-group-addon"><i class="fa fa-plug fa-fw"></i></span>
                            <input type="text" class="form-control" id="inputAuthorize" placeholder="请输入插件授权码">
                        </div>
                    </div>
                </div>-->
            </fieldset>
        </form>
    </div>
</script>
<script id="auth_tpl" type="text/html">
    <div>
        <form class="form-horizontal">
            <fieldset>
                <span class="text-danger" style="    display: block;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 15px;">请填写以下信息，我们将验证您是否有权限更换新的绑定域名</span>

                <input type="hidden" id="auth-plugin-auth-id" value="<%=plugin_auth_id%>">

                <div class="form-group">
                    <label for="c-auth-old-host" class="control-label col-xs-12 col-sm-3">旧的绑定域名</label>
                    <div class="col-xs-12 col-sm-7">
                        <input id="c-auth-old-host" class="form-control" name="row[host]" type="text" value="">
                    </div>
                </div>

                <div class="form-group">
                    <label for="c-auth-question" class="control-label col-xs-12 col-sm-3">密保问题</label>
                    <div class="col-xs-12 col-sm-7">
                        <select id="c-auth-question" class="form-control selectpicker" name="row[question]">
                            <option value="">请选择密保问题</option>
                            <option value="name">你的名字</option>
                            <option value="father_name">你父亲的名字</option>
                            <option value="mother_name">你母亲的名字</option>
                            <option value="lover_name">你爱人的名字</option>
                            <option value="id">你的身份证号码</option>
                            <option value="mobile">你的手机号码</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label for="c-auth-answer" class="control-label col-xs-12 col-sm-3">密保答案</label>
                    <div class="col-xs-12 col-sm-7">
                        <input id="c-auth-answer" class="form-control" name="row[answer]" type="text" value="" placeholder="更换授权域名时使用">
                    </div>
                </div>
                <div class="form-group">
                    <label for="c-auth-host" class="control-label col-xs-12 col-sm-3">新的绑定域名</label>
                    <div class="col-xs-12 col-sm-7">
                        <input id="c-auth-host" class="form-control" name="row[old_host]" type="text" value="{$host}">
                    </div>
                </div>
            </fieldset>
        </form>
    </div>
</script>

<script id="logintpl" type="text/html">
    <div>
        <form class="form-horizontal">
            <fieldset>
                <div class="alert alert-dismissable alert-info">
                    您需要登录【云商学院】官网账号，登录仅是为了防止恶意下载 <br>
                    如您还没有账号，请<a href="{$ys}register.html" target="_blank">点击链接前往注册</a>
                </div>
                <div class="form-group">
                    <div class="col-lg-12">
                        <div class="input-group">
                            <span class="input-group-addon"><i class="fa fa-user"></i></span>
                            <input type="text" class="form-control" id="inputAccount" value=""
                                   placeholder="请输入您的官网账号">
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-lg-12">
                        <div class="input-group">
                            <span class="input-group-addon"><i class="fa fa-lock"></i></span>
                            <input type="password" class="form-control" id="inputPassword" value=""
                                   placeholder="请输入6-16位密码">
                        </div>
                    </div>
                </div>
            </fieldset>
        </form>
    </div>
</script>
